import { reactive } from "vue";
export default reactive({
  tableData: [
    {
      date: "2016-05-03",
      name: "Tom",
      address: "No. 189, Grove St, Los Angeles",
    },
    {
      date: "2016-05-02",
      name: "Tom",
      address: "No. 189, Grove St, Los Angeles",
    },
    {
      date: "2016-05-04",
      name: "Tom",
      address: "No. 189, Grove St, Los Angeles",
    },
    {
      date: "2016-05-01",
      name: "Tom",
      address: "No. 189, Grove St, Los Angeles",
    },
    {
      date: "2016-05-08",
      name: "Tom",
      address: "No. 189, Grove St, Los Angeles",
    },
    {
      date: "2016-05-06",
      name: "Tom",
      address: "No. 189, Grove St, Los Angeles",
    },
    {
      date: "2016-05-07",
      name: "Tom",
      address: "No. 189, Grove St, Los Angeles",
    },
  ],
  height: "100%",
  size: "small",
  optionsArr: [
    {
      prop: "address",
      label: "Address",
      width: 280,
      slot(scope) {
        return `<div>这个是作用域插槽${scope.row.name}</div>`;
      },
    },
    {
      prop: "date",
      label: "Date",
    },
    {
      prop: "name",
      label: "Name",
      width: 180,
    },
  ],
});
